---
import BaseHead from "@components/BaseHead.astro";
import Header from "@components/Header.astro";
import Footer from "@components/Footer.astro";
const { title, description } = Astro.props;
import "../assets/app.css";
---

<!doctype html>
<html lang="en">
  <head>
    <BaseHead title={title} description={description} />
  </head>
  <body
    class="flex flex-col min-h-screen mx-auto max-w-6xl px-4 dark:prose-invert sm:px-6 lg:px-8"
  >
    <Header />

    <!-- 内容区域，确保其动态调整高度 -->
    <main class="flex-grow">
      <slot />
    </main>

    <Footer />
  </body>
</html>